/* html { overflow-y:hidden; } */
a{
  
  color:rgba(0,0,0,0.6);
  text-decoration:none;
}
body{
  background-attachment: fixed;
  background-position: top;
  background-repeat:repeat-x;
  color:rgba(0,0,0,0.6);
  font-family:  Helvetica,Arial;
  height: auto;
  padding-bottom: 1em;
  width: 100%;
}

li{
	float: left;
  list-style:none;
}
/*****************ID********************************/

#boxAside{
  border: 8px solid rgba(0,0,0,0);
/*   color: rgba(255,255,255,1); */
  font-size:0.8em;
}



#boxFooter{
    background-color: #DDD;
}
#boxFooter .footerText{
  font-size: 0.65em;
  text-align: center;
  text-shadow:1px 1px rgba(255,255,255,0.5);
}
#boxHeader{
}

#boxNav{
    background-color: #CFCFCF;
    border: 4px solid rgba(255,255,255,0);
    -webkit-border-image: url(../img/bg/bg_plomo.png) 13% stretch ;
    -moz-border-image: url(../img/bg/bg_plomo.png) 13% stretch ;
}
#boxNav li{
  margin: 1px 4px 1px 1px;
  min-width:70px;
  width:auto;
}
#boxNav li a{
  border:4px solid rgba(0,0,0,0);
  display: block;
  font-size:0.75em;
  padding: 0 5px;
  text-align:center;
  text-shadow:0px 1px 1px rgba(255,255,255,0.9);
}
#boxNav li a.activo, #boxNav li a.opP:hover{
  /*background-color:RED;*/
    box-shadow: 0px 1px 2px rgba(255,255,255,1 ); 
    color: rgba(255,255,255,1);
    text-shadow:0px 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 1px 2px rgba(255,255,255,1 ); 
   -webkit-box-shadow: 0px 1px 2px rgba(255,255,255,1 ); 
}

#boxSection{
    background-color:#EFEFEF;
    border: 10px solid rgba(255,255,255,0);
    padding:0px 5px 10px 10px;
    font-size:0.75em;
    -moz-border-image: url(../img/bg/bg_white.png) 30% stretch ;
    -webkit-border-image: url(../img/bg/bg_white.png) 30% stretch ;
}
#boxSection  H1{
	font-size: 1.1em;
	color:rgba(0,0,0,0.8);
	font-weight:bold;
	text-transform:uppercase;
	margin: 0.7em 0;
}



#contenedor{
  background-image:url(../img/bg/bg_1px.png);
  border: 1px solid #FFF;
  margin: 30px auto;
  padding: 20px;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.90) 10px, rgba(255,255,255,0.60) 100px,rgba(255,255,2555,0.5) 150px);
  background: -moz-linear-gradient(top, rgba(255,255,255,0.90) 10px, rgba(255,255,255,0.60) 100px,rgba(255,255,2555,0.5) 150px);
}

#infoUsuario{
  bottom:0px;
  font-size: 0.8em;
  height: auto;
  line-height:2.5em;
  text-shadow:1px 1px 1px rgba(255,255,255,1); 
  float: right;
}
#infoUsuario li{
  margin-left:0.3em; 
  padding: 0px 0px 0px 5px;
}
#infoUsuario ul{
  border:1px dashed rgba(0,0,0,0.2);
  bottom:10px;
  float: right;
  padding-right:10px;
  width:auto;
}
#fondo{
  
  background-image: url(../img/bg/fondo/page_bg_img.png);
  background-position: top;
  background-repeat:no-repeat;
  height:auto;
  min-height:100%;
  position: absolute;
  width:100%;
}


#logotipo{
  background-color: rgba(255,255,255,0);
  background-image:url(../img/logo/logo.png);
  background-repeat: no-repeat;
  display: block;
  height:60px;
}

#menuPrincipal ul {
background-color: rgba(255,255,255,0.8);
display: none;
min-width: 150px;
position: absolute;
top: 2.1em;
width:auto;
z-index: 10;
}

#menuPrincipal ul li {
  float: none;
  font-size:0.9em;
  margin: 0;
  padding: 0;
  
}

  
#menuPrincipal ul ul {
  left: 150px;
  top:0px;  
}

#menuPrincipal li:hover > ul {
  display: block;
}



#menuPrincipal li { 
  float: left;
  list-style: none;
  margin: 0 0px;
  padding: 4px;
  position: relative;
}

#menuSuperior{
  font-size: 0.65em;
  height: 20px;
  line-height: 20px;
  text-shadow:1px 1px 1px rgba(255,255,255,1);
}

#menuSuperior img{
  filter:alpha(opacity=7);
  opacity: 0.7;
  -moz-opacity: 0.7;
}
#menuSuperior li{
  border-left:1px dashed rgba(0,0,0,0.2);
  float: left;
  margin-left:10px; 
  padding: 0px 0px 0px 10px;
}
#menuSuperior li.primero{
  border-left:none;
  margin-left:none;
}
#menuSuperior ul{
  float: right  ;
  margin: 0px;
}
/****************CLASS*******************************/

.cerrarSesion{
  background-color:ORANGE;
  border: 4px solid rgba(255,255,255,0);

  color: rgba(255,255,255,0.9);
  font-size:0.8em;
  font-weight:bold;
  margin-right:-5px;
  padding: 0.3em;
  text-shadow:0px 1px 1px rgba(255,255,255,0.4);
  filter:alpha(opacity=9);

  opacity: 0.9;
  -moz-border-image: url(../img/bg/bg_orange.png) 13% stretch ;
  -moz-opacity: 0.9;
  -webkit-border-image: url(../img/bg/bg_orange.png) 13% stretch ;
}

.cerrarSesion:hover{

  color: rgba(255,255,255,1);
  text-shadow:0px -1px 1px rgba(0,0,0,0.15);
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=1);
}





















/*AGREGADOS REVISAR Y PULIR*/
.campo label.lbl,.campo input[type="text"],.campo select{
	display: block;
	width: 100% !important;
}
.campo select{
	border-color: #AAA;
	margin-top: 0px !important;
}
.campo input[type="text"]{
	margin-top: 0px;
}

.campo .ui-slider{
	margin-top: 5px;
}





.ESTUDIO hr{
	color: rgba (0,0,0,0.2);
	width: 95%;
	margin-bottom: 10px;
	
}


.campo .textNumero{
	width: 40px !important;
	max-width: 40px !important;
	text-align: center;
}




.campo  input[type="text"]:disabled{
/* 	background-image: url("img/disabled.png"); */
	background-color:rgba(0,0,0,0.15);
	border-color: #444;
}

.campo  input[readonly]{
/* 	background-image: url("img/readonly.png"); */
	background-color:rgba(7,122,213,0.15);
	color:#666;
	border-color: #444;
}

.campo .date{ width: 80px !important; max-width: 80px !important;}

.ui-datepicker{
	font-size: 0.8em !important;
}
.ui-dialog{
	font-size: 0.8em;
}
